<template>
	<div id="grade-class">
		<i v-if="value!=0" class="el-icon-document"></i>
	</div>
</template>
<script>
	import Vue from 'vue'
	import ElementUI from 'element-ui'
	Vue.use(ElementUI);
	export default {
		props:{
			value:{
				type:String,
				default:""
			},
			field: {
				type : Object,
				default:{}
			}
		},	
		name : "wt-is-imgs",
		created(){
		}
	}
</script>
<style>
 	#grade-class .dotted{
		border-radius:50%;
		width:10px;
		height:10px;
		display:inline-block;
 	}
 	.background-red{
		background-color:#ff0000;
 	}
  	.background-green{
		background-color:#00c56a;
 	}
 	.background-yellow{
		background-color:#dbce00;
 	}
	.background-pink{
		background-color:#f79797;
 	}
	.background-gray{
		background-color:#777;
 	}
	.color-red{
		color:#ff0000;
 	}
  	.color-green{
		color:#00c56a;
 	}
 	.color-yellow{
		color:#dbce00;
 	}
	.color-pink{
		color:#f79797;
 	}
	.color-gray{
		color:#777;
 	}
</style>